@charset "utf-8";
/* CSS Document */

html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form{ margin:0;padding:0;border:0; font-size:100%; font-family:inherit; list-style:none; outline:none;}
input.btn{ border:none}
label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} 

body{font: 15px "微软雅黑"; color:#333333; margin:0 auto;padding:0px; list-style:none;  outline:none; }
a{ color:#353535; text-decoration:none; }
a:hover{  color:#0c5196; text-decoration:none;  }
.clear_all {clear:both;}
.fbd { font-weight:bold; }

img{ border:none; padding:0px; margin:0px; display:block; }
img { height: auto;}
ul,li{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }

.fl { float:left;}
.fr { float:right;}
.t-c { text-align:center; } 

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.commonweb { width:1400px; margin:0 auto; }

.container1 { width:1400px; margin:0 auto; }
header { position: fixed;left: 0;top: 0;   z-index: 999; width: 100%; }
header .logo {float: left;margin: 12px 0 0 0;max-width: 423px;}
header .logo2 {float: left;margin: 12px 0 0 0;max-width: 423px;display: none;}

header .topright { padding:20px 0 0 0;}
header .topright .tel {text-align: right; color: #fff; }
header .topright .tel a {font-weight: 100;font-size: 16px;  display:inline-block; color: #fff;}
header .topright .tel span { padding-left:5px; padding-right:5px; color: #fff;}
header .topright .tel p {  background: url(../img/tel.png) no-repeat top left; display:inline-block; padding-left:30px; margin-left:10px; font-size:20px; }

header .topright .nav {text-align: right; font-size: 0; margin-top: 22px;}

.top_w { width: 28px; margin-top:3px; margin-left:8px;position: relative;}
.top_w .top_ewm{transition: .3s all linear; position: absolute;top: 100%;z-index: 3;width: 100px;height: 100px;display: none;     box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.top_w .top_ewm img{width: 100%;}
.top_w:hover .top_ewm{display: block;}


@keyframes myfirst { 0% {top: 0px;} 100% {top: 0;}}
@-webkit-keyframes myfirst { 0% { top: 0px;} 100% {left: 0;}}
.header1 { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: rgba(170,178,214,1.0); animation: myfirst 1.6s alternate; -webkit-animation: myfirst 1.6s alternate; padding-bottom:10px;}
.header1 .phone_nav { color: #25aff6;}
.header1 .logo { display: none;}
.header1 .logo2 { display: block;}

.header1 .topright .tel { color: #fff;}
.header1 .topright .nav li:hover>a { color: #fff; }
.header1 .topright .nav li li:hover>a { color: #ff934a; }

.header1 .topright .nav li>a { color: #333333;}
.header1 .topright .nav .active>a {color: #25aff6; }

.main-navigation ul li.menu-item-has-children.current-menu-item > a:after,
.main-navigation ul li.page-item-has-children.current-menu-item > a:after,
#main-navigation .main-navigation ul li > a:hover:after,
#main-navigation .main-navigation ul li > a:hover:after,
.main-navigation li.current-menu-item > a {color: #222;}



header .main-navigation ul li a.menupp {color: #fff}
header .main-navigation ul ul li a { color:#151515;}
.header1 .main-navigation ul li a {color: #fff;}
.header1 .main-navigation ul li a.menupp {color: #fff}

.main-navigation ul { display: block; margin: 0; padding: 0;}
.main-navigation ul ul {
	background-color: #fff;
	left: -9999px;
	margin: 0;
	width: 210px;
	position: absolute;
	top: 40px;
	z-index: -9999;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	display: block;
	opacity: 0;
	transition: transform 0.5s ease, opacity 0.2s ease;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease;
	border: 1px solid #f1f1f1;
	border-top: none;
}

.main-navigation ul li:hover > ul {
	display: block;
	opacity: 1;
	z-index: 1000;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
}

.main-navigation ul ul:before {
	content: "";
	height: 25px;
	display: block;
	position: absolute;
	top: -10px;
	background: transparent;
	z-index: 9999;
	width: 100%;
}


.main-navigation li  { position: relative; display: inline-block;margin-bottom: 0; }
.main-navigation ul > li:hover > ul { opacity: 1; left: 0; z-index: 9999;}
.main-navigation li li { float: none;display: block;}
.main-navigation ul li li:first-child > a { border-left: none;}

.main-navigation ul li a {
	display: block;
	font-size: 18px;
	padding: 6px 18px;
	position: relative;
	z-index: 99;
	font-family: Oswald, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight:bold;
}

.main-navigation ul ul a {
	border-top: 1px solid #f5f2f2;
	border-left: medium none;
	border-right: medium none;
	transition: padding 0.2s ease-in-out 0s;
	height: auto;
	padding: 9px 20px;
	text-align: left;
	margin: 0;
	color: #009dfa;
	text-transform: capitalize;
	letter-spacing: 0.2px;
}

.main-navigation ul li.menu-item-has-childrenv > a,
.main-navigation ul li.page-item-has-children > a {padding-right: 30px; }

.main-navigation li > a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current-page-item > a,
.main-navigation li:hover > a { color: #fff; background:#ff934a; display:block;  border-radius:6px;  }

.main-navigation li li:hover a { background: none;color: #ff934a}

.main-navigation ul li.menu-item-has-children.current-menu-item > a:after,
.main-navigation ul li.page-item-has-children.current-menu-item > a:after,
#main-navigation .main-navigation ul li > a:hover:after,
#main-navigation .main-navigation ul li > a:hover:after {
	border-top-color: #fff;
}

#main-navigation .main-navigation ul li li > a:hover:after,
#main-navigation .main-navigation ul li li > a:hover:after {
	border-left-color: #fff;
}

.main-navigation li li > a:hover,
.main-navigation li li:hover > a {
	padding-left: 25px;
}

.main-navigation ul li.menu-item-has-children > a:after,
.main-navigation ul li.page-item-has-children > a:after {
	content: "";
	position: absolute;
	right: 12px;
	top: 16px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	border-top: 4px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.main-navigation ul li li.menu-item-has-children > a:after,
.main-navigation ul li li.page-item-has-children > a:after {
	content: "";
	top: 20px;
	right: 20px;
	border-left: 4px solid #aaa;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.main-navigation ul li.menu-item-has-children a,.main-navigation ul li.page-item-has-children a {padding-right: 26px;}
.main-navigation .menu-toggle,.main-navigation .dropdown-toggle { display: none;}


.bannerz { overflow: hidden; z-index: 1; width: 100%; height:710px; }
.bannerz .banner-pc { width: 100%; z-index: 5; position: relative;height:710px;}
.bannerz .banner-pc .bannerpc-img { position: relative; left: 0; height:710px;}
.bannerz .banner-pc .bannerpc-img li { float: left; position: relative;height:710px;}
.bannerz .banner-pc .bannerpc-img li p { height:710px; background-repeat:no-repeat;background-position:50% 0px;}
.bannerz .banner-pc .bannerpc-img li:after {content: "";display: block; padding-bottom: 39.7%;}

.bannerz .banner-pc .bannerpc-btn { position: absolute; left: 0; z-index: 50; bottom: 30px; width: 100%; line-height: 20px; height: 20px;
text-align: center;}
.bannerz .banner-pc .bannerpc-btn li { display: inline-block; vertical-align: middle; padding: 0 5px; font-size: 0; border-radius: 50%;text-align: center;cursor: pointer;}

.bannerz .banner-pc .bannerpc-btn li span {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	background: #81b0dc;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.bannerz .banner-pc .bannerpc-btn .on span { background: #fff; width: 24px;}
.bannerz .banner-phone { position: relative; overflow: hidden; width: 100%;}



 /*轮换大区域*/
.lunhuan{width:100%;height:450px;position:relative;}
.lunhuan #lunhuanback{width:100%;height:450px;position:absolute;left:0px;top:0px;overflow:hidden;}
.lunhuan #lunhuanback p{width:100%;height:450px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);background-repeat:no-repeat;background-position:50% 0px;}
.lunhuan .lunhuan_main{width:1300px;height:450px;margin:0 auto;position:relative;}
#lunbonum{ height:12px; line-height:23px;position:absolute;left:585px;top:425px;  z-index:5;}
#lunbonum li{ width:12px;height:12px;float:left; margin-right:8px;background:#B4B4B4; cursor:pointer;border-radius:9px}
#lunbonum .lunboone{background:#0c5196;cursor:pointer;}

.container { width:1400px; margin:0 auto;}
.wrappertop { background:#f6f6f6; overflow:hidden;}
.mediabg { background:#ececec;}
.pd0{padding:0;}
.col-md-5{ width:20%;float:left}
.wui-media-v4 .media { padding: 15px 0;   }
.wui-media-v4 img { width:60px; margin:0 auto; display:block;  margin-bottom: 10px; vertical-align: middle;}
.wui-media-v4 .media-heading{font-size: 16px;}
.wui-media-v4 .media-body p{line-height:28px;font-size: 12px; color: #808080;}


.advantage{ background:#f2f2f2; height:145px}
.advantage .video{ width:220px; background:#1e83df; height:145px; text-align:center; position:relative; }
.advantage .video p { padding-top:40px; font-size:22px; color:#fff; line-height:33px;}
.advantage ul{ }
.advantage ul li{ width:20%; height:145px; float:left; border-right:1px solid #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center}
.advantage ul li .tit{ position:relative; color:#fff; width:165px; height:50px; margin:30px auto 0;font-size:16px;}
.advantage ul li .tit img{ position:absolute; left:0; top:0; z-index:2}
.advantage ul li .tit span{ background:#ff934a; display:inline-block;line-height:35px; height:35px; width:100%; padding-left:55px; text-align:left;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:absolute; left:0;top:8px; z-index:1}
.advantage ul li .intro{ padding:10px; line-height:20px; color:#757575}
.advantage ul li.li2 .tit span{ background:#079391}
.advantage ul li.li3 .tit span{ background:#5090bc}
.advantage ul li.li4 .tit span{ background:#488c10}
.advantage ul li.li5 .tit span{ background:#ab08c3}


/**/
.pub-title { text-align: center;}
.pub-title span {display: block;font-size: 56px;font-weight: bold; color:#fff;text-transform: uppercase;letter-spacing:5px;}
.pub-title b { display: block; color: #333333; font-size: 28px; background: url(../img/tt4.png) no-repeat center center;margin-top: -50px;position: relative;}


.i-course{ background:#f4f5fa; padding:50px 0 30px; }
/*about*/
.ho_con { width: 1400px; margin: auto;}
.ho_tit { text-align: center; }
.ho_tit p { text-align: center;font-size: 30px; font-weight: bold; color: #000000;}
.bt_sm { font-size: 14px; color: #999999;margin-top: 10px;text-align: center;}

.web-container { padding-top:40px;}
.web-training-list li { background: url(../img/probg.jpg) no-repeat top center; border:1px solid #dcdcdc; width: 410px; padding:20px; border-radius: 8px;  float: left; margin-bottom: 27px; margin-right:22px; height:180px; -webkit-box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.web-training-list li:nth-child(3n) { margin-right:0;}

.web-training-list li .con-tt { width: 52%; margin-right:4%; }

.web-training-list li .con-tt h3 { font: 600 20px/46px "Microsoft yahei";}
.web-training-list li .con-tt span { display:block; background:#ff934a; width: 48px; height: 2px; margin-top:6px; margin-bottom:12px;}
.web-training-list li .con-tt p {  margin-top:5px; font: 400 14px/26px "Microsft yahei";}

.web-training-list li .img { width:44%;}
.web-training-list li img { width:100%;}

/*box5*/
.i-course2 { background: url(../img/i-coursebg.jpg) no-repeat top center; padding:60px 0 30px; overflow:hidden; }
.course-list{ width: 100%; padding-bottom: 89px;  padding-top:10px; position:relative;}
.course-list .swiper-container { position:relative; }
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.course-list .swiper-wrapper .swiper-slide{ 
    -webkit-flex-shrink: 0;
	border-radius:9px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
	margin-top:80px;
    height: 350px;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
	text-align:center;
}
	
.course-list .swiper-wrapper .bg1{background: #1cb5a3}
.course-list .swiper-wrapper .bg2{background: #fea116}
.course-list .swiper-wrapper .bg3{background: #534e8b}
.course-list .swiper-wrapper .bg4{background: #ff6766}
.course-list .swiper-wrapper .bg5{background: #aad85c; margin-right: 0}
.course-list .swiper-wrapper .bg6{background: #5090bc}
.course-list .swiper-wrapper .swiper-slide .icon{position: absolute; left: 0; right: 0; margin: auto; top: -43px; }
.course-list .swiper-wrapper .swiper-slide h3{display: block; font-size: 22px; font-weight: bold; margin-top: 75px; margin-bottom: 14px; color: #fff}
.course-list .swiper-wrapper .swiper-slide p{line-height: 28px; width: 182px; margin: 0 auto; color: #fff;}
.course-list .swiper-wrapper .swiper-slide .pic{position: absolute; left: 0; right: 0; margin: auto; bottom: -65px}
.course-list .swiper-wrapper .swiper-slide:hover{transform: translateY(-30px); transition:0.6s;}

.swiper-button-prev,.swiper-button-next {position:absolute;top:180px;width:27px;height:44px; z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev{left:-70px; }
.swiper-button-next{ right:-70px; }

.kc-next{
  width: 54px!important;
  height: 54px!important;
  background: url("../img/kc-right.png") no-repeat center center;
}
.kc-next:hover{
  background: url("../img/kc-right-h.png") no-repeat center center; outline:none;
}
.kc-prev{
  width: 54px!important;
  height: 54px!important;
  background: url("../img/kc-left.png") no-repeat center center;
}
.kc-prev:hover{
  background: url("../img/kc-left-h.png") no-repeat center center; outline:none;
}



/*首页-公司简介*/
.index-company{ width: 100%; position: relative; padding: 55px 0 65px 0; background:#edf7ff;}
.company-left{width: 665px;float: left; padding-top: 25px;}
.company-left h3{ color: #666666; font-size: 30px;font-weight: bold; margin-bottom: 35px;}
.company-left p{ color: #343434; font-size: 14px; line-height: 28px; padding-bottom: 68px;}
.com-more{
  width: 220px;
  height: 54px;
  background: #f3776a;
  border-radius: 27px;
  line-height: 54px;
  position: relative;
  overflow: hidden;
  z-index: 100;
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
}
.com-more a{
  display: block;
  text-indent: 33px;
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 100;
}
.com-more a span{
  background: url("../img/c-jt.png") no-repeat center center;
  display: block;
  float: right;
  margin-right: 38px;
  width: 10px;
  height: 18px;
  margin-top: 18px;
  position: relative;
  z-index: 100;
}
.com-more:after{
  display: block;
  content: '';
  width: 0;
  height: 54px;
  background: #da695d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  z-index: 10;
  top: 0;
}
.com-more:hover:after{
  width: 100%;
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
}
.company-right{ float: right; background: url(../img/aboutpicbg.jpg) no-repeat top center; width:715px; height:469px;overflow: hidden;}
.company-right img{ display: block; width:695px; height: 449px; object-fit: cover;}
.index-company ul{ width: 100%; position: relative; margin-top: 58px;}
.index-company ul li{
  width: 335px;
  height: 126px;
  float: left;
  margin-right: 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 20;
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
}
.index-company ul li:last-child {margin-right:0px;}

.index-company ul li:nth-child(1){
  background: #ddf1fb
}
.index-company ul li:nth-child(2){
  background: #edf0f2
}
.index-company ul li:nth-child(3){
  background: #dff2f4
}
.index-company ul li:nth-child(4){
  background: #ececf3;
  margin-right: 0;
}
.com-tit{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 33px;
  z-index: 3;
}
.index-company ul li h3{
  color: #555555;
  font-size:18px;
  font-weight: bold;
}
.index-company ul li p{
  color: #adadad;
  font-size:14px;
  padding-top: 15px;
}
.index-company ul li img{
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 20;
}
.index-company ul li:nth-child(2) img{
  right: -5px;
}
.index-company ul li:nth-child(3) img{
  right: -10px;
}
.index-company ul li:nth-child(4) img{
  right: -2px;
}
.index-company ul li:hover:nth-child(1){
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  margin-top: -10px;
}
.index-company ul li:hover:nth-child(2){
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  margin-top: -10px;
}
.index-company ul li:hover:nth-child(3){
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  margin-top: -10px;
}
.index-company ul li:hover:nth-child(4){
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  margin-top: -10px;
}



.i-course3 { background: url(../img/i-coursebg3.jpg) no-repeat top center; padding:50px 0 30px; overflow:hidden; }
/*box2*/
.i-course3 .top{text-align:center;padding-bottom: 40px; margin-top:20px;}

.i-course3 .top h3{ display:inline-block; text-align:center; padding-left:15px; padding-right:15px; height: 40px;border:1px solid #ddd;line-height: 40px;color:#333;font-size: 14px;background: #fff;margin-left:6px; margin-right:6px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.i-course3 .top h3.hover,.i-course .top h3:hover{background:#3065ab;color: #fff;border-color: #137c32;}
.i-course3 .top h3 a{display: block;color:#333;}
.i-course3 .top h3.hover a,.i-course .top h3:hover a{color:#fff;}

.i-course3 .imglist{position:relative;width: 100%;}
.i-course3 .gridlist{height:auto;overflow: hidden;width: 100%;position: relative;margin-bottom:20px;}
.i-course3 .gridlist ul{width: 100%;}
.i-course3 .gridlist ul li {width: 335px; float: left;display: block;margin-right:20px; margin-bottom:25px;}
.i-course3 .gridlist ul li:nth-child(4n) { margin-right: 0px;}

.i-course3 .gridlist ul li a{display: block;}
.i-course3 .gridlist ul li img{display:block;width: 335px;height:251px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.i-course3 .gridlist ul li .txt{width:100%; height:40px;background:#dddddd; -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.i-course3 .gridlist ul li h3{text-align: center;font-size: 16px;font-weight: normal;height:40px;line-height:40px;color:#2f4056;border-top:0 none;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.i-course3 .gridlist ul li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.i-course3 .gridlist ul li a:hover .txt{background:#0377d7;border-color: #137c32;}
.i-course3 .gridlist ul li a:hover h3{color:#fff;}

/*首页-新闻活动*/
.title-more{
  width: 190px;
  height: 54px;
  background: #f3776a;
  border-radius: 27px;
  line-height: 54px;
  position: relative;
  overflow: hidden;
  z-index: 100;
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  float: right;
  margin-top: -60px;
}

.title-more a{
  display: block;
  text-indent: 42px;
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 100;
}
.title-more a span{
  background: url("../img/c-jt.png") no-repeat center center;
  display: block;
  float: right;
  margin-right: 42px;
  width: 10px;
  height: 18px;
  margin-top: 18px;
  position: relative;
  z-index: 100;
}
.title-more:after{
  display: block;
  content: '';
  width: 0;
  height: 54px;
  background: #da695d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
  z-index: 10;
  top: 0;
}
.title-more:hover:after{
  width: 100%;
  -webkit-transition: 300ms 0s all ease;
  -moz-transition: 300ms 0s all ease;
  -ms-transition: 300ms 0s all ease;
  -o-transition: 300ms 0s all ease;
  transition: 300ms 0s all ease;
}


.index-news{
  width: 100%;
  position: relative;
  padding: 72px 0 100px 0;
  background: url("../img/newsbg.jpg") repeat-y center center;
}
.title1 strong{ color: #666666; font-size: 30px;}
.title1 p{ color: #999999; font-size: 16px;padding-top: 12px;}

.news-pic { float:left; width:685px;  box-shadow: 0 0 5px rgba(0,0,0,0.05); background: #fff; border-radius: 20px;}

.news-center{ margin-top: 20px;}
.news-img { width:625px; overflow:hidden; transition:all 0.6s; padding:20px 20px;}
.news-img img{  width:275px; height:193px;  float:left; text-align:center; font-size:14px; color:#000;transition:all 0.6s}
.news-img .xwnr{ float:left; width:330px; text-align:left; margin-left:20px}
.news-img .xwnr h3{ display:block;text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; font-size:18px; line-height:24px; padding:6px 0px; font-weight:bold;} 
.news-img .xwnr span{  display:block; font-size:12px; color:#999; line-height:24px; padding-bottom:3px;}
.news-img .xwnr p{ color:#8b8b8b; line-height:24px; overflow:hidden; font-size:14px}
.news-img a h3{ color:#000}

.news-pic ul { width: 685px;} 

.news-pic ul li{ height: 74px;
  border-top: 1px solid #f3f3f3;
  -webkit-transition: 400ms 0s all ease;
  -moz-transition: 400ms 0s all ease;
  -ms-transition: 400ms 0s all ease;
  -o-transition: 400ms 0s all ease;
  transition: 400ms 0s all ease;
  line-height: 74px;
  color: #666666;
  font-size: 18px;
  padding-left: 38px;
  background: url("../img/n-jt.png") no-repeat center right 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.news-list{
  width: 685px;
  height: 460px;
  float: right;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
} 
                     
.news-list ul li{
  width: 100%;
  height: 93px;
  border-bottom: 1px solid #f3f3f3;
  -webkit-transition: 400ms 0s all ease;
  -moz-transition: 400ms 0s all ease;
  -ms-transition: 400ms 0s all ease;
  -o-transition: 400ms 0s all ease;
  transition: 400ms 0s all ease;
}
.n-title{
  line-height: 93px;
  color: #666666;
  font-size: 18px;
  padding-left: 38px;
  background: url("../img/n-jt.png") no-repeat center right 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.n-time{
  display: none;
  color: #78d7e3;
  font-size: 14px;
  background: url("../img/n-time.png") no-repeat center left 35px;
  text-indent: 60px;
}
.n-text{
  display: none;
  color: #a6e1e8;
  font-size: 14px;
  line-height: 22px;
  padding:0 40px;
}
.news-list ul li.on{
  height: 157px;
  background: #46bdcc;
  padding-top: 25px;
  -webkit-transition: 400ms 0s all ease;
  -moz-transition: 400ms 0s all ease;
  -ms-transition: 400ms 0s all ease;
  -o-transition: 400ms 0s all ease;
  transition: 400ms 0s all ease;
}
.news-list ul li.on .n-time{
  display: block;
}
.news-list ul li.on .n-title{
  line-height: 60px;
  color: #fff;
  background: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-list ul li.on .n-text{
  display: block;
}






/*底部*/
/*----------------------------------------*/
.wt { width:100%; background: #2d2f30; padding-top: 25px;padding-bottom: 25px; border-bottom:1px solid #292929;}
.lxttx { color: #fff; font-size: 14px; line-height: 35px; font-weight: 400; margin-bottom: 10px;text-transform: uppercase; padding-top: 20px;  background: url(../img/ss1.png) no-repeat left bottom;}


.ewm {
  width: 390px;
  background: url(../img/ss4.png) no-repeat right 100%;
}

.ewm1 {
  height: 180px;
  width: 150px;
  margin-right: 35px;
  text-align: center;
  padding-top: 20px;
  background: url(../img/ss3.png) no-repeat top center;
}
.ewm1 img { display:block; margin:0 auto;}

.ewm1 h3 {
  margin-top: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.lx {
  margin-left: 50px;
  color: #fff;
  position: relative;
  width: 351px;
  background: url(../img/ss4.png) no-repeat right bottom;
}

.lx1 {
  background: url(../img/ss2.png) no-repeat left center;
  font-size: 31px;
  color: #fff;
  padding-left: 15px;
  line-height: 36px;
  margin-top: 20px;
  font-weight: bold;
  font-family: "Impact";
}

.lx2 {
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  margin-top: 20px;
  padding-bottom: 5px;
}

.wmdfw {
  margin-left: 46px;
  background: url(../img/ss4.png) no-repeat right 100%;
  width: 200px;
}

.ft_fw1 a {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 28px;
}

.ftnav { margin-left: 50px; width:300px;}

.ftnav h2 {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding-top: 20px;
}

.ftnav h3 {
  font-weight: 400;
  color: #fff;
  line-height: 25px;
  margin-top: 20px;
}

.ftnav h3 a {float:left; width:50%; display:block; color: #fff; line-height:30px;}


/**/
.footers {
  text-align: center;
  background: #2d2f30;
  color: #fff;
  padding: 20px 0;
  font-size: 14px;
  border-top:1px solid #3b3b3b;
  line-height:26px;
}

.footers a { color: #fff; font-size: 14px;}
/*--------------------------------*/
.sbanner { position:relative; width:100%; height:420px; background:url(../img/ban.jpg) center top no-repeat; overflow:hidden;}

/*右边*/
.wrapper { height:100%; width:1300px;  margin:0 auto; line-height:30px; padding:40px 0px 50px 0px; display:block; overflow:hidden; }
.wrapper .left { float:left; width: 260px;}

/*===左侧块lefter↓==*/
/*左边*/
.left .bd{  }
.left .bd .hd { width:260px; background: #ff934a; overflow: hidden; text-align:center; padding:12px 0px; border-top-left-radius:9px;border-top-right-radius:9px; }
.left .bd .hd a {display:block;  font-weight:bold; font-size:22px; line-height: 30px;  color: #fff;}
.left .bd .hd span { display:block; line-height: 24px;  color: #fff; text-transform:uppercase;}

.fdh-01-nav {border:3px solid #ff934a; border-top:none; border-bottom-left-radius:9px;border-bottom-right-radius:9px;}
.fdh-01-nav-one{  }
.fdh-01-nav-one h3 { font-weight:bold; height: 50px; line-height: 50px; background: url(../img/p14-icon5.png) no-repeat right center #ececeb;margin-bottom: 2px; overflow: hidden;}
.fdh-01-nav-one h3 a { display: block; height: 50px; font-size: 18px;  margin-right: 40px;margin-left: 38px;color: #040404;}
.fdh-01-nav-one h3.sidenavcur,
.fdh-01-nav-one h3:hover { background: url(../img/p14-icon2.png) no-repeat right center #ff934a;}
.fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a{ color: #fff;}

.ny-contact {background: #fafafa; margin-top: 30px}
.ny-contact .bg{display: block; width: 240px;padding-left: 20px; height: 100px;background: url(../img/contact-pic.jpg) no-repeat center center;}
.ny-contact span,.ny-contact em{display: block;color: #fff;}
.ny-contact span{font-size: 18px;line-height: 18px;padding-top: 30px;}
.ny-contact em{font-family: arial;}
.ny-contact ul{ padding: 20px 20px 20px;background: #f2f2f2;margin-bottom: 20px;}
.ny-contact ul li span,.ny-contact ul li img,.ny-contact ul li a{display: block;margin: 0 auto;}
.ny-contact ul .ny-tel{font-size: 24px;font-family: arial;color: #d32d26;line-height: 20px;padding-left:46px;background: url(../img/ny-tel.png) no-repeat 10px 0px;margin-bottom: 15px; border-bottom: 1px solid #ccc;padding-bottom: 15px;}


.wrapper .right { width: 990px; margin-bottom:40px; }
.wrapper .right .right_title {padding-bottom: 10px;border-bottom: 1px solid #eee;text-transform: uppercase;}
.wrapper .right .right_title h3 {color: #e91300;font-size: 18px;border-left: 3px solid #e91300;height: 20px;line-height: 20px;padding-left: 14px;margin-top: 5px;}
.wrapper .right .cont {padding: 30px 0 0px 0;color: #666666;}
.wrapper .right .cont .t1 {padding: 0 0 25px;color: #e3a91a;font-size: 20px;}
.wrapper .right .cont .t2 {color: #e3a91a;font-size: 30px;display: block;padding: 30px 0;}

.wrapper .Productlist {}
.wrapper .Productlist .list { width: 100%;}
.wrapper .Productlist .item {
	float: left;
	width: 448px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.wrapper .Productlist .item:nth-child(2n) { margin-right: 0px;}
.wrapper .Productlist .item a {display: block;width: 100%;}
.wrapper .Productlist .item img {width: 448px;height:237px;display: block;}
.wrapper .Productlist .item h3 {
	background:#eeeeee;
	display: block;/* border: 1px solid #eee; */
	border-top: 0 none;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
}
.wrapper .Productlist .item:hover {
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}



.wrapper .right .right_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	text-transform: uppercase;
}
.wrapper .right .right_title h3 {
	color: #e91300;
	font-size: 18px;
	border-left: 3px solid #e91300;
	height: 20px;
	line-height: 20px;
	padding-left: 14px;
	margin-top: 5px;
}
.wrapper .right .cont {
	padding: 30px 0 0px 0;
	color: #666666;
}
.wrapper .right .cont .t1 {
	padding: 0 0 25px;
	color: #e3a91a;
	font-size: 20px;
}
.wrapper .right .cont .t2 {
	color: #e3a91a;
	font-size: 30px;
	display: block;
	padding: 30px 0;
}



.wrapper .Productlist .item2 {
	float: left;
	width: 308px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.wrapper .Productlist .item2:nth-child(3n) { margin-right: 0px;}

.wrapper .Productlist .item2 a {
	display: block;
	width: 100%;
}
.wrapper .Productlist .item2 img {
	width: 308px;
	height: 231px;
	display: block;
}
.wrapper .Productlist .item2 h3 {
	background:#eeeeee;
	display: block;/* border: 1px solid #eee; */
	border-top: 0 none;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}
.wrapper .Productlist .item2:hover {
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}


.wrapper .Productlist .item3 {
	float: left;
	width: 288px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.wrapper .Productlist .item3:nth-child(3n) { margin-right: 0px;}

.wrapper .Productlist .item3 a {
	display: block;
	width: 100%;
}
.wrapper .Productlist .item3 img {
	width: 288px;
	height: 397px;
	display: block;
}
.wrapper .Productlist .item3 h3 {
	background:#eeeeee;
	display: block;/* border: 1px solid #eee; */
	border-top: 0 none;
	height: 66px;
	line-height: 66px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
}
.wrapper .Productlist .item3:hover {
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}


/*新资讯显示方式 */
.Productlist2{ clear:both;padding:5px 0 0;}
.Productlist2 li {width:990px;height: 200px; margin-bottom: 40px;transition: all .5s; margin-bottom:25px;}
.Productlist2 li img{ float:left; width: 200px;height: 200px;display: block;  }

.Productlist2 li .Profr { float:left; width:730px; padding-left:30px; padding-right:30px; background:#f1f1f1; height: 200px;}
.Productlist2 li .Profr h3{font-size: 18px;color: #333;padding: 22px 0 15px;transition: all .5s;}
.Productlist2 li .Profr p {color: #999;line-height: 24px; text-align: justify;overflow: hidden;}



/*新资讯显示方式 */
.inf_lc{ clear:both;padding:5px 0 0;}
.inf_lc li {width:948px;height: 160px; padding: 20px;margin-bottom: 40px;border:1px solid #ddd;transition: all .5s;}
.inf_lc li a{width: 100%; display: block;}
.inf_lc li img{width: 213px;height: 160px;display: block;margin-right: 45px;}
.inf_lc li h3{font-size: 18px;color: #333;padding: 22px 0 15px;transition: all .5s;}
.inf_lc li .txt{color: #999;line-height: 24px;height: 72px;padding-right: 45px;text-align: justify;overflow: hidden;}
.inf_lc li .time{width: 100px; padding-top: 28px; line-height: 24px; font-family: arial; font-size: 16px; color: #939aa3;}
.inf_lc li .time .day{font-size: 34px; line-height: 40px; display: block;}
.inf_lc li .time s{width: 54px; height: 8px; display: block; margin-top: 20px; background-position: -170px 0;}
.inf_lc li:hover{border:1px solid #e50000;}
.inf_lc li:hover h3{color: #e50000; text-indent: 10px;}

.icon22 { vertical-align: middle; background: url(../img/icon22.png) no-repeat; display: inline-block;}

/*showNews*/
.showNews .title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin: 10px 0 22px;
	font-weight: bold;
}
.showNews .mark {
	color: #999999;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 20px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
}
.showNews .showContxt {
	color: #666666; font-size:16px;
	padding: 0 15px 30px;
	line-height: 26px;
}
.showNews .showContxt img {
	max-width: 100%;
}

.wrapper .reLink {
	height: 48px;
	line-height: 48px;
	padding: 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	margin: 20px auto;
}
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink {
	width: 50%;
}
.wrapper .reLink .nextLink {
	text-align: right;
}


.showproduct .detaiInfo .title2 {
	border-bottom: 1px solid #eee;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.showproduct .detaiInfo .title2 h3 {
	font-size: 20px;
	color: #333;
}
.showproduct .detaiInfo .title2 s {
	width: 80px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: #e3a91a;
}
.showproduct .detaiInfo .info {
	padding: 0 0 30px;
}


.xgxw{width:100%;}
.xgxw li{height:30px;line-height:30px; padding:0;  width:455px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px;}
.xgxw li a{background:url(../img/nliicon.jpg) no-repeat 0 6px; padding-left:12px;}




.about_box { width:1201px; margin:0 auto; padding:30px 0 80px 0px; overflow:hidden;  }
.about_box .left { float: left; width: 60%;}
.about_box .left .tit h3 {float: left; color: #333333; font-size: 30px; font-weight: normal; margin-right: 15px; display:block;}
.about_box .left .tit h4 { float: left; color: #666666;font-size: 20px; font-weight: normal; margin-top:6px;  display:block;}
.about_box .left .text { margin-top: 50px; color: #666666; font-size: 16px;line-height: 32px;}
.about_box .left .text p{ margin-bottom: 10px;}
.about_box .left .box { margin-top: 45px;}
.about_box .left .box .top .bt {color: #484c52; font-size: 24px;}
.about_box .left .box .top .d { margin-top: 5px; color: #484c52;font-size: 18px;}
.about_box .left .box ol { margin-top: 25px;}
.about_box .left .box ol li {float: left; color: #666666; font-size: 16px;line-height: 36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
 width: 48%;}
.about_box .left .box ol li:nth-child(2n) {float: right;}
.about_box .right { float: right; line-height: 0; width: 35%;}
.about_box .right img { width:100%;}

.about_box .text2 { margin-top: 30px; font-size: 16px;line-height: 32px;}

.w100 {  width:1300px; margin:0 auto;  margin-top: 60px;}
.ser_box .left span { margin-top: 10px; float: right;}
.ser_box .left .tit h3 { float: left; color: #333333;font-size: 30px; font-weight: normal; margin-right: 15px; display:block;}
.ser_box .left .tit h4 { float: left;color: #666666;font-size: 20px;font-weight: normal; margin-top:4px; display:block;}

.about_box .title { text-align: center;}
.about_box .title h3 {color: #333333; font-size: 30px; font-weight: normal;position: relative; z-index: 1;}

.about_box3 {  width:1201px; margin:0 auto;  padding: 70px 0 70px 0;}
.about_box3 ol{ margin-top: 50px;}
.about_box3 ol li { float: left; font-size: 16px;line-height: 32px; color: #fff;margin-right: 2%; padding: 3%; height: 95px;}
.about_box3 ol li:nth-child(1){width: 29%;background: #ef7a0f;}
.about_box3 ol li:nth-child(2){ width: 20%; background: #efefef;text-align: center;}
.about_box3 ol li img { padding-top:25px; width:70%;}
.about_box3 ol li:nth-child(3){ width: 29%; background: #0c437b; margin-right: 0;}
.about_box3 ol li:nth-child(4){width: 94%; height: 104px; background: #efefef;color: #333333; margin-right: 0; margin-top: 2%;}

.Con_box { width:1300px; margin:0 auto; padding: 0px 0 80px 0 ;}
.Con_box ol { margin-top: 60px;}
.Con_box ol dl {width: 26%; margin-right: 2%; margin-bottom: 2%; float: left; background: #0c437b; padding: 3%; min-height: 240px; color: #fff;}
.Con_box ol dl:nth-child(3) { margin-right: 0;}
.Con_box ol dl:nth-child(4) { width: 43%;  min-height: 101px;background:#ef7a0f;}
.Con_box ol dl:nth-child(5) { width: 43%; min-height: 101px; margin-right: 0; background:#ef7a0f;}
.Con_box ol dl dt{font-size: 20px; line-height: 2em; font-weight: bold;}
.Con_box ol dl dd{ font-size: 16px; line-height: 32px;}

.b7_con { border:1px solid #f1f1f1; border-right:none;  border-bottom:none;overflow: hidden;}
.b7_con li { float:left; width:219px; padding:10px; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.b7_con li img { width:229px; height:229px;}
.b7_con li p { font-size:16px; height:28px; line-height:28px; text-align:center;}
.b7_con li:hover p {background:#e70004;}
.b7_con li:hover a {color:#fff;}



.b8_con { float:left; overflow: hidden; width: 870px;}
.b8_con li { float:left; width:275px; margin-right:15px; padding-bottom:15px; }
.b8_con li img { width:273px; height:205px; border:1px solid #f1f1f1; }
.b8_con li p { font-size:14px; height:28px; line-height:28px; text-align:center;}
.b8_con li:hover p {background:#e70004;}
.b8_con li:hover a {color:#fff;}


/*新闻*/
.newslist_left { overflow:hidden; float:left; width:810px; padding-right:40px; border-right:1px solid #e9e9e9; }

.news_listbox{ overflow:hidden; width:100%;}
.newslist_right { overflow:hidden; width:310px; float:right; }
.newslist_right>h4{ font-weight:normal; font-size:24px; color:#555; margin-bottom:20px;}
.newslist_right .zw_tu{ display:block; margin:0 auto;}

dl.top{ overflow:hidden; width:100%; padding-bottom:30px; border-bottom:1px solid #e9e9e9; margin-bottom:30px; height:237px;}

dl.top dt{ overflow:hidden; float:left; width:316px; height:237px;}
dl.top dt img{ display:block; width:316px; height:237px; padding:0px !important;transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;}
dl.top dt:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-m-transform: scale(1.1);transform: scale(1.1);}

dl.top dd{ overflow:hidden; float:right; width:470px; height:237px;}
dl.top dd h4{ font-size:18px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
dl.top dd h4 a{ color:#e80000;}
dl.top:hover dd h4 a{ color:#e80000;}
dl.top dd em{ display:block; font-size:12px; color:#999; margin-bottom:15px;}
dl.top dd em i{ margin:0 5px;}
dl.top dd p{ font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden; text-align:justify; margin-bottom:10px;}
dl.top dd .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:1px solid #e80000; text-decoration:none}
dl.top:hover .more{ color:#fff; border-color:#e80000; background-color:#e80000}
dl.top.last{ margin-bottom:0}


.right2_main .t03 a { font-weight: normal;font-size: 24px; color: #555;margin-bottom: 20px; font-weight:bold; }
ul.n_rt_ul {overflow: hidden;  background: #f5f5f5; margin: 0 auto; padding: 15px 15px 15px 15px; width:280px; margin-top: 15px;margin-bottom:20px;}
ul.n_rt_ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;background:url(../img/a2.gif) no-repeat left center;   }
ul.n_rt_ul li a{ display:block;  width:254px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font:14px Microsoft YaHei; color:#333; height:32px; line-height:32px; padding-left:6px; }
ul.n_rt_ul li a:hover{ color:#ef0000; font-weight:bold; padding-left:10px;}
ul.n_rt_ul li.cur{/*background:url(img/common/a1.gif) no-repeat left center;*/ }

ul.n_rt_ul2 {overflow: hidden; width:310px;margin: 0 auto; padding: 15px 0px 15px 0px; margin-top:5px; }
ul.n_rt_ul2 li {float: left;text-align: center; width: 145px; margin-right:5px; margin-left:5px; padding-bottom:6px;}
ul.n_rt_ul2 li img {width: 143px; height:143px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; border:1px solid #f5f5f5}
ul.n_rt_ul2 li p { line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
ul.n_rt_ul2 li:hover img {-webkkit-filter: brightness(105%);filter: brightness(105%); border:1px solid #ef0000}
ul.n_rt_ul2 li:hover p { color: #ef0000;}



/* 产品 */
.product2 { width:100%; padding:1% 0% 0.1%; overflow:hidden;  text-align:left;}
.product2 li { width:100%; padding:1% 0% 0.1%; overflow:hidden;  text-align:left;}
.product2 li .proaa { float:left; width:300px;}
.product2 li .probb { float:left; width:870px; padding:0px 0px 0px 30px; }
.product2 li img{ display: inline-block; width:300px; height:223px;  vertical-align:middle }
.product2 li .title { line-height:28px;}
.product2 li .probb a.title { font-size:22px; font-weight:bold; line-height:40px; color:#0087c7;}
.product2 li .probb p { font-size:14px; line-height:24px; padding-top:6px; padding-bottom:30px; }
.product2 li .probb a.more{width:120px;height: 40px; text-align: center;line-height: 40px;display: block;background: #0087c7;color: #fff;position: relative;z-index: 2;overflow: hidden;}
.product2 li .probb a.more:after{width: 120px;height: 40px;content: "";position: absolute;top: 40px;left: 0;z-index: -1;background: #6fc035;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.product2 li .probb a.more:hover:after{top:0;}

.product3 { width:100%; padding:1% 0% 0.1%; overflow:hidden;  text-align:left;}
.product3 li { float:left; width:25%; padding:1% 0% 0.1%; overflow:hidden; text-align:center; line-height:35px; }
.product3 li img{ display: inline-block; width:280px; height:210px;  vertical-align:middle; margin-left:10px; margin-right:10px; }

.sec_tpm {line-height:24px; padding:10px; font-size:14px;width:1000px; margin:0 auto; }
.sec_tpm img { margin:0 auto; max-width:1000px; overflow:hidden;}
.sec_tpm .MsgForm { margin-top:10px;}


.left2{ float:left; overflow: hidden; width: 850px; }
.right2 { overflow: hidden; width: 310px;float: right; }
.right2_main { width:310px; padding-bottom:25px; overflow:hidden;}

.n_info_con {  padding:0px 0px 0 0px;  font-size:14px;}
.n_info_con strong{ font-weight:bold;}
.n_info_con h1 { color: #333;  font-weight:normal; font-size: 22px; line-height: 40px; padding-bottom:10px; margin-bottom: 10px; text-align: center;font: 24px/43px "Microsoft Yahei"; font-weight:bold; padding-bottom:10px;  }
.n_info_con2 { margin:0 auto; border:1px solid #D6D6D6;}
.n_info_con h3 { text-align:center; color:#000;   margin-bottom:10px; font-size:24px;border-bottom: 1px dashed #CCCCCC; } /*资讯详细页面，内容标题*/
.info_con_tit {  line-height:24px; margin-bottom:15px;}
.info_con_tit span { margin-right:20px;}
.info_con_tit .m_qrinfo{position:relative;}
.m_qrcode{ display:none; position:absolute; left:0px; top:20px; background:#fff;border:1px dashed #f1f1f1; }
.m_qrcode em{ line-height:24px; color:red; display:block; text-align:center;}
.info_con_tit .n_tit {  text-align:left; color:#666; border-bottom:1px dashed #999; height:44px; line-height:44px;}
.info_con_tit .n_tit .m_qrinfo a{background:url(img/common/tel0.gif) no-repeat left top; height:45px; display:inline-block; font-size:0px; width:24px;}
.info_con_tit .n_tit .m_qrinfo a:hover{background:url(img/common/tel1.gif) no-repeat left top;}
.info_con_tit .n_tit a{ color:#BCBBBB; }
.info_con_tit .n_tit span .cur{color:#000;}
.info_con_tit .n_tit2 { height:24px;}
.n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;}

#cntrBody{ padding-top:10px ; line-height:28px;}
#cntrBody img { padding:10px 0px; margin:0 auto; max-width:810px;}

#cntrBody2{ padding-top:36px ; line-height:28px;}
#cntrBody2 img { padding:10px 0px; margin:0 auto; max-width:1300px;}

.n_info_con .apage { text-align:center; } /*资讯详细页面，翻页区块*/
.info_input { text-align:center; color:#000; margin-bottom:15px;}  /*详细页面，评论，推荐，打印，订阅，按钮样式块*/
.info_input input { } /*详细页面，评论，推荐，打印，订阅，按钮,可修改文字色彩*/
.info_key { border-bottom:solid 1px #ccc; line-height:30px; padding:0 10px; margin:0px 0; overflow:hidden; font: 14px/30px "Microsoft Yahei"; padding-bottom:20px;}
.info_key em{ padding: 0px 12px;}
.info_key span { font-size:14px;}
.info_key a { margin-right:10px;}
.ad2 { margin-bottom:10px;}
.n_info_con2 .t04 { color:#fff; border-bottom:1px solid #E0E0E0;  color:#028ac9 ; line-height:48px; height:48px; font-size:0; background:url(img/common/news_28.png) no-repeat 12px center; }/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 b{ font-weight:bold; font-size:20px; text-transform:uppercase;font-family: 宋体; font-size:0;}
.n_info_con2 .t04 a { color:#B61212;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a:hover { color:#B61212;}

.mybdshare a{float:right !important; padding-top:5PX; padding-bottom:6PX;}



/*下一篇、下一篇*/
.page_wen{ overflow:hidden; width:100%; height:60px; line-height:60px; font-size:14px; margin-top:20px;}
.page_wen .page_left{ float:left; width:390px; background-color:#f7f7f7;}
.page_wen .page_right{ float:right; width:390px; background-color:#f7f7f7;}
.page_wen .btn{ display:block; text-decoration:none; width:80px; height:60px; background-color:#e8e8e8; text-align:center;}
.page_wen .page_title{ display:block; width:270px; margin-left:20px; float:left;height:60px; overflow:hidden}
.page_wen .page_left:hover  .page_title{color:#028ac9;}
.page_wen .page_left:hover  .btn{ background:#028ac9; color:#fff;}
.page_wen .page_right:hover  .page_title{color:#028ac9;}
.page_wen .page_right:hover  .btn{ background:#028ac9; color:#fff;}
.page_wen .page_left .btn{ float:left}
.page_wen .page_right .btn{ float:right}
.page_wen .page_right .c9 {margin-left:20px;}


.sec_con2 { width:1300px; margin:0 auto; padding:30px 0px;}
/*产品内页*/
.sec_tpm_t{ width:900px; line-height:24px; padding:10px 15px; font:100 14px/24px "微软雅黑"; min-height:400px;}
.sec_tpm_t img { max-width:900px;}

.sectit { height:35px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; }
.sectit h5 { display:inline-block;  font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff;  padding-left:25px; padding-right:25px;overflow:hidden }

.secbut { width:108px; height:36px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:36px; text-align:center; background:#e02f19; -moz-border-radius: 3px;/* Gecko browsers */-webkit-border-radius: 3px;   /* Webkit browsers */border-radius:3px; margin-right:10px; }
.secbut a{ color:#fff;}

.wr20 { font-size:22px; line-height:40px; }
.wr14 { font-size:14px;}

.pro1{ width:398px; height:298px; overflow:hidden; border:1px solid #ccc; background:#fff;}

.showContxt .bgbox { float:left; padding:0px 20px; margin-bottom:20px; display:block; text-align: center;  line-height: 44px;  font-size:16px; cursor: pointer; background:#20479c;box-shadow:0px 6px 12px rgba(0, 0, 0, 0.45); color:#fff;}

/*==========分页样式===========*/
#art_content{word-break:break-all;padding:15px 0 10px 0;}
#art_content img { max-width:900px; margin:0 auto; overflow:hidden; display:block;}

.news-other { padding: 10px 0px; border-top: 1px #ddd solid; margin-top:20px; overflow:hidden;}
.news-other p {display: block; height: 30px;line-height: 30px;padding-left:3px;}
.news-other p a {font-size: 14px;}
.news-other .fhlb a { font-size: 14px; color: #fff; }

.gr-back-btn { float:right;font-size: 14px; color:#fff;  margin-top: 6px; width:125px; height: 40px; line-height: 40px; text-align: center; background-color: #01b6ed;  position: relative; overflow: hidden; z-index: 2;}
.gr-back-btn:after { content: ""; width: 125px;height: 40px;top: 40px;background: #db1d00; color:#fff; display: block;position: absolute;left: 0;z-index: -1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.gr-back-btn:hover:after { top: 0;}

.news-container .news-other { margin-left:15px; margin-right:15px}


.bg-f5f5f5{background: #f5f5f5;}
.bg-fff{background: #fff;}
.contact-top { padding:50px 0px 40px 0px;}

.contact-top .contit1 { font-size: 18px;}
.contact-top .contit2 { font-size: 36px; color:#d60000; line-height:65px; font-weight:bold}
.contact-top span { font-size: 14px;letter-spacing: 14px;}

.bg_f5f5f5{ background:#f5f5f5; width:100%; padding:50px 0;}
.in-width1{ width:1201px; margin:0 auto; background:#fff; height:360px; overflow:hidden;}

.lxfs{ float:left; width:550px; padding:40px 25px; overflow:hidden; line-height:32px; font-size:16px;}
.lxfs strong { font-weight:bold;}
.lxdt{ float:right; width:600px;height:338px; overflow:hidden;}
.lxdt img{width:580px; height:320px; overflow:hidden; border-left:none; padding-top:20px; padding-right:20px;}


/*翻页*/
.pager{ width: 100%; padding: 10px 0;text-align: center; margin:0 auto;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:2px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#de1710;border-color:#222c50;text-decoration:none;color:#fff;}
.pager .cur{background:#de1710;border-color:#222c50; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}
.pager a.page-num-current { background:#de1710;color:#fff;}